前端进阶之旅前端进阶之旅
基础篇
进阶篇
高频篇
精选篇
手写篇
原理篇
面经篇
自检篇
每日一题
  • 综合
    • 综合题型
    • 其他问题
    • 设计模式
    • 思维导图
    • 学习路线
  • 前端基础
    • HTTP
    • 浏览器
    • 计算机基础
  • 进阶学习
    • NPM工作流
    • Docker
    • Canvas
    • Node学习指南
    • 前端综合文章
  • 其他
    • Handbook
    • 职场话题
    • CSS可视化
小程序题库
公众号动态
博客动态
开发者导航
基础篇
进阶篇
高频篇
精选篇
手写篇
原理篇
面经篇
自检篇
每日一题
  • 综合
    • 综合题型
    • 其他问题
    • 设计模式
    • 思维导图
    • 学习路线
  • 前端基础
    • HTTP
    • 浏览器
    • 计算机基础
  • 进阶学习
    • NPM工作流
    • Docker
    • Canvas
    • Node学习指南
    • 前端综合文章
  • 其他
    • Handbook
    • 职场话题
    • CSS可视化
小程序题库
公众号动态
博客动态
开发者导航
  • React专栏

    • React组合式开发实战

      • 前端开发的四个时代
      • 企业管理系统的前世今生
      • 可视化页面搭建工具
      • 实战篇 01:开发前准备
      • 实战篇 02:项目脚手架
      • 实战篇 03:页面布局方案
      • 实战篇 04:权限管理机制
      • 实战篇 05:菜单匹配逻辑
      • 实战篇 06:消息通知设计
      • 实战篇 07:多语言支持
      • 继往开来:可视化页面搭建工具
    • React Hooks与Immutable实战

    • React SSR服务端渲染与同构实践

    • IM聊天系统前端开发实践

    • 微前端开发实战

    • React进阶实践

  • Vue专栏

  • 移动端专栏

  • Node专栏

  • 前端工程化专栏

  • 算法专栏

  • Typescript专栏

  • 其他专栏

完整面试题地址:
作者:程序员poetry
扫码关注作者公众号:「前端进阶之旅」 每天分享技术干货
前端进阶之旅公众号二维码

# 前言

在完整的工程化体系中,线上预警是必不可少的,但是自己全部开发的话,是非常耗时、耗力的,综合成本考虑的话,我们可以选择一些第三方开源的系统来协助我们,综合来看 Sentry 是一个非常不错的选择。

# Sentry

# 为什么使用 Sentry

  1. 支持的开发框架非常多,基本涵盖了市面流行的所有框架

image.png

  1. sentry 支持手动与自动上报,即可无痕监听项目中的错误也可以自定义上报一些内容,分析数据。
  2. Sentry 支持私有部署,如果是公司的项目,私有化部署可以自定义更多的功能。

综上一些优点,Sentry 在对中小型公司来说,是一个不可多得的软件。

# 安装 Sentry

Sentry 的安装非常简单,支持 docker 直接部署,那么我们在之前的服务器中继续安装一个的 Sentry。

  1. 安装 docker-compose
sudo yum install epel-release
sudo yum install -y python-pip
sudo pip install docker-compose
@前端进阶之旅: 代码已经复制到剪贴板
  1. 制作本地数据库和sentry的目录配置,用来绑定挂载
sudo mkdir -p data/{sentry,postgres}
@前端进阶之旅: 代码已经复制到剪贴板
  1. 下载 Sentry 项目
git clone https://github.com/getsentry/onpremise.git
@前端进阶之旅: 代码已经复制到剪贴板
  1. 按照官网的直接安装

image.png

sudo SENTRY_IMAGE=us.gcr.io/sentryio/sentry:83b1380 ./install.sh
@前端进阶之旅: 代码已经复制到剪贴板

顺利的话,此时应该已经安装成功了,打开 http://192.168.160.88:9000/ 既可以看到下面的界面:

image.png

# 使用 Sentry

# 常规使用

  1. 创建 sentry 项目

fe
基础篇
进阶篇
高频篇
精选篇
手写篇
原理篇
面经篇
自检篇
每日一题
  • 综合
    • 综合题型
    • 其他问题
    • 设计模式
    • 思维导图
    • 学习路线
  • 前端基础
    • HTTP
    • 浏览器
    • 计算机基础
  • 进阶学习
    • NPM工作流
    • Docker
    • Canvas
    • Node学习指南
    • 前端综合文章
  • 其他
    • Handbook
    • 职场话题
    • CSS可视化
小程序题库
公众号动态
博客动态
开发者导航
  • React专栏

    • React组合式开发实战

      • 前端开发的四个时代
      • 企业管理系统的前世今生
      • 可视化页面搭建工具
      • 实战篇 01:开发前准备
      • 实战篇 02:项目脚手架
      • 实战篇 03:页面布局方案
      • 实战篇 04:权限管理机制
      • 实战篇 05:菜单匹配逻辑
      • 实战篇 06:消息通知设计
      • 实战篇 07:多语言支持
      • 继往开来:可视化页面搭建工具
    • React Hooks与Immutable实战

    • React SSR服务端渲染与同构实践

    • IM聊天系统前端开发实践

    • 微前端开发实战

    • React进阶实践

  • Vue专栏

  • 移动端专栏

  • Node专栏

  • 前端工程化专栏

  • 算法专栏

  • Typescript专栏

  • 其他专栏